<template>
  <div class="sort">
    <div class="sort-title">字母排序</div>
    <ul class="sort-list">
      <li class="sort-item" v-for="(item, key) of cityList" :key="key">
        {{ item.title }}
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  props: ["cityList"],
};
</script>
<style scoped>
.sort-title {
  font-size: 0.26rem;
  color: #212121;
  padding: 0.2rem 0.3rem;
}
.sort-list {
  position: relative;
  overflow: hidden;
  background: #fff;
  font-size: 0.28rem;
  color: #212121;
}

.sort-item {
  width: 16.666%;
  text-align: center;
  height: 0.9rem;
  line-height: 0.9rem;
  float: left;
}
</style>
